<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>学生满意度调查</title>
	<link type="text/css" rel="stylesheet" th:href="@{/css/all.css}"/>

	<script language='javascript' th:src='@{/js/echarts.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/jQuery/jQuery-2.2.0.min.js}'></script>
	<script language='javascript' th:src='@{/js/constant.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/bootstrap/js/bootstrap.min.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/bootstrap-table/bootstrap-table.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/adminLTE/js/app.min.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/lobibox/dist/js/lobibox.js}'></script>
	<script language='JavaScript' th:src='@{/js/network.js}'></script>
	<script language='JavaScript' th:src='@{/js/common.js}'></script>
	<script language='JavaScript' th:src='@{/js/public.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/iCheck/icheck.min.js}'></script>
<style type="text/css">
.icon-storage>i {
	cursor: pointer;
}
</style>
</head>
<body class="body-contrainner fadeInUp">
	<div class="nav-tabs-custom tab-info no-margin">
		<ul class="nav nav-tabs">
			<li><a href="/stu/Survey/toYjld">满意度概况</a></li>
 			<li class="active"><a href="javascript:void(0);">各二级学院对比</a></li>
 			<li><a href="/stu/Survey/toYjldZy">各专业对比</a></li>
 			<li><a href="/stu/Survey/toYjldReason">较差原因显示</a></li>
 			<li class="pull-right  header"></li>
		</ul>
		<div class="tab-content">
		

		
			<div class="row">
				<div class="col-md-6 column">
					<div class="box box-primary">
			            <div class="box-header">
				            <h3 id="tabTittle"class="box-title">教书育人满意度</h3>
			            </div>
			            <div id="body1" class="box-body">
				            <div class="chart">
				                <div id="chartjsyrxy" style="height:300px"></div>
				            </div>
			            </div>
					</div>
				</div>
				<div class="col-md-6 column">
					<div class="box box-primary">
			            <div class="box-header">
				            <h3 id="tabTittle"class="box-title">教学管理满意度</h3>
			            </div>
			            <div id="body1" class="box-body">
				            <div class="chart">
				                <div id="chartjxglxy" style="height:300px"></div>
				            </div>
			            </div>
					</div>
				</div>
             </div>
             
			<div class="row">
					<div class="col-md-12 column">
						<div class="box box-primary">
				            <div class="box-header">
					            <h3 id="tabTittle"class="box-title">学生参团率</h3>
				            </div>
				            <div id="body1" class="box-body">
					            <div class="chart">
					                <div id="chartxyxsctl" style="height:300px"></div>
					            </div>
				            </div>
						</div>
					</div>
	         </div>

		</div>
	  </div>


	<script language="JavaScript">

        getChart("chartjsyrxy", "/xsfk/jsyrxy3", "");
  		function getChart(c, u, t) {
			var myChart = echarts.init(document.getElementById(c));
			var func_link = u;
			var params = {func_link: func_link};
			ajax.getData(publicData.urls.cfg.getChartsByUrl, params, function (data) {
				if(data != null && data != "" && data != "null") {
					var optData = data[0];
					var json = JSON.parse(optData);
					var jsonObj = eval('(' + json + ')');
					if(typeof jsonObj === "object") {
						myChart.setOption(jsonObj);
					} else {
						myChart.setOption(null);
					}
				}
			});
		}     
        
  		function getChart1(c, u, t) {
			var myChart = echarts.init(document.getElementById(c));
			var func_link = u;
			var params = {func_link: func_link};
			ajax.getData(publicData.urls.cfg.getChartsByUrl, params, function (data) {
				if(data != null && data != "" && data != "null") {
					var optData = data[0];
					var json = JSON.parse(optData);
					var jsonObj = eval('(' + json + ')');
					if(typeof jsonObj === "object") {
						myChart.setOption(jsonObj);
 						myChart.setOption(option={
								dataZoom: [{
	    					        type: 'inside',
	    					        start: 0,
	    					        end: 40
	    					    }, {
	    					        start: 0,
	    					        end: 10,
	    					        handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
	    					        handleSize: '80%',
	    					        handleStyle: {
	    					            color: '#fff',
	    					            shadowBlur: 3,
	    					            shadowColor: 'rgba(0, 0, 0, 0.6)',
	    					            shadowOffsetX: 2,
	    					            shadowOffsetY: 2
	    					        }
	    					    }],
						}); 
					} else {
						myChart.setOption(null);
					}
				}
			});
		}      
  		
  		
  		
  		
  		
        
    
 
        
        getChart("chartjxglxy", "/xsfk/jxglxy3", "");

  		getChart("chartxyxsctl", "/xsfk/xyxsctl", "");
  		
	</script>
</body>
</html>